<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>鲜花网|花礼网-中国鲜花礼品网,鲜花速递网站,网上订花送花上门,同城鲜花快递网上花店</title>
		<!--<link rel="icon" href="https://www.hua.com/favicon.ico" mce_href="/favicon.ico" type="image/x-icon">-->

		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../css/index.css"/>
		<script src="../js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/ajax.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			
			body{
    font-family: "Microsoft Yahei", "微软雅黑", verdana;
    font-size: 14px;
}
/* 导航nav */
.lxd-nav{
    width: 100%;
    height: 52px;
    background-color: #F7F9FA;
    border-bottom: 1px solid #E9ECF0;
}
.lxd-nav .lxd-nav-container{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.lxd-nav .lxd-nav-container .lxd-nav-category{
    width: 240px;
    height: 52px;
    float: left;
    border-radius: 12px 12px 0 0;
    position: relative;
    background: linear-gradient(90deg, #ff734c 0%, #ff3d12 100%);
}
.lxd-nav .lxd-nav-container .lxd-nav-category .dropdown-cate{
    position: absolute;
    top: 52px;
    left: 0;
    width: 240px;
    height: 480px;
    padding-top: 10px;
    color: #000;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.4);
}
.lxd-nav .lxd-nav-container .lxd-nav-category .lxd-nav-title{
    padding-left: 24px;
    font-size: 18px;
    height: 52px;
    line-height: 52px;
    font-weight: bold;
    position: relative;
}
.lxd-nav .lxd-nav-container .lxd-nav-category .lxd-nav-title .lxd-icon{
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-top: 14px;
    margin-right: 4px;
    background: url(../images/comment-DYPSpritechart.png) -68px -102px;
}
.lxd-nav .lxd-nav-container .lxd-nav-category .lxd-nav-title>a{
    position: absolute;
    /* top: 14px; */
    left: 56px;
    color: #fff;
}

.lxd-nav .lxd-nav-container .lxd-navi{
    margin: 0 0 0 265px;
    height: 100%;
}
.lxd-nav .lxd-nav-container .lxd-navi li{
    margin: 0 14px;
    float: left;
    font-size: 18px;
    color: #232628;
    font-weight: bold;
    line-height: 52px;
}
.lxd-nav .lxd-nav-container .lxd-navi li a:hover{
    color: #FF734C;
}
.lxd-nav .lxd-nav-container .lxd-navi li .lxd-style{
    color: #FF734C;

}
.lxd-navi a{
	color: #232628;
}
.lxd-navi a:hover{
	color: #FF734C;
}
		</style>
		<style type="text/css">
			/*模板样式*/
			.dypBanner{
				width: 1200px;
				margin: auto;
			}
			.dypheader>.DypimgTop{
				background: url(images/dyp-Dyppcnewuserorder101.png) no-repeat center;
				margin: auto;
				height: 100px;
				display: block;	
				display: none;
			}
			.dypheader{
				width: 100%;
			}
			/*模板导航条样式*/
			.DypTopNav{
				width: 100%;
				height: 40px;
				background: #F3F5F7;
			}
			/*左导航条绝对样式*/
			.DypTopNav>.dypBanner>ul:first-child{
				height: 100%;
			}
			.DypTopNav>.dypBanner>ul:first-child>li{
				height: 100%;
				line-height: 40px;
				float: left;
				padding: 0 16px;
			}
			.DypTopNav>.dypBanner>ul:first-child>li a{
				font-size: 12px;
				color: #71797f;
			}
			.DypTopNav>.dypBanner>ul:first-child>li a:hover{
				color: #ff734c;
			}
			.DypTopNav>.dypBanner>ul:first-child>li span{
				width: 14px;
				height: 14px;
				display: inline-block;
				margin-top: 12px;
				margin-right: 4px;
			}
			.DypTopNav>.dypBanner>ul:first-child>li:first-child{
				padding-left: 0;
			}
			.DypTopNav>.dypBanner>ul:first-child>li:nth-child(2):hover,.DypTopNav>.dypBanner>ul:first-child>li:last-child:hover{background: #FFFFFF;}
			.DypTopNav>.dypBanner>ul:first-child>li:first-child span{background: url(../images/comment-DYPSpritechart.png) 0 -21px;}
			.DypTopNav>.dypBanner>ul:first-child>li:nth-child(2) span{background: url(../images/comment-DYPSpritechart.png) -24px -21px;}
			.DypTopNav>.dypBanner>ul:first-child>li:last-child span{background: url(../images/comment-DYPSpritechart.png) -48px -21px;}
			.DypTopNav_reletive{
				position: relative;
			}
			.DypTopNav>.dypBanner>ul:first-child>li>div{
				display: none;
				line-height: 18px;
				padding: 12px;
				left: -1px;
				border: 1px solid #E9ECF0;
				border-top-color: transparent;
				position: absolute;
				min-width:160px ;
				top: 100%;
				background: #FFFFFF;
				z-index: 1000;
				text-align: center;
				}
			.DypTopNav>.dypBanner>ul:first-child li div img{
				height: 124px;
				display: block;
				margin: auto;
				width: 124px;
			}
			/*顶部右导航条绝对样式*/
			.DypTopNav_r{
			float: right;
			height: 100%;
			}
			.DypTopNav_r>li a{
			color: #71797f;
			}
			.DypTopNav_r>li{
			height: 100%;
			padding: 0 16px;
			line-height: 40px;
			float: left;
			color: #71797F;
			}
			.DypTopNav_r>li:last-child{
				padding-right: 0;
			}
			.DypTopNav_r>.DypLogin div{float: left;line-height: 40px;}
			/*列表登录注册样式*/
			.DypTopNav_r a:hover{color: #FF734C;}
			.DypLogin>div>div:first-child{}	
			.DypLogin>div>div:last-child{margin-left: 12px;}
			/*购物车样式*/
			/*购物车标签样式*/
					.Dyp_shop_r_in{
						height: 100%;
						width: 100%;
					}
					.Dyp_shop_r{
						-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
					}
					.Dyp_shop_r_in:hover{background: #FF734C;}
					.Dyp_shop_r_in>div:nth-child(1){height: 36px;width: 36px;background: url(../images/dyp-right.png) 0 -36px;}
					.Dyp_shop_r_in>div:nth-child(2){height: 48px;width: 16px;margin: auto;text-align: center;}
					.Dyp_shop_r_in>div:nth-child(3){height: 21px;width: 21px;background: #FF734C;border-radius: 50% ;line-height:21px; text-align: center;margin: auto;margin-top: 10px;}
				.Dyp_shop_r_in:hover>div:nth-child(3){
					background: #FFFFFF;
					color: #FF734C;
				}
			.DypShop>a>span{color:#FF734C;}	
			/*客户服务样式*/
			.DypTopNav_r>.Dypservice{
				position: relative;
				text-align: center;
			}
			.DypTopNav_r>.Dypservice ul{
				position: absolute;
				background: #FFFFFF;
				width: 100%;
				left: 0;
				border: 1px solid #E9ECF0;
				border-top-color: transparent;
				display: none;
				z-index: 1000;
			}
			.DypTopNav_r>.Dypservice>ul>li{
				line-height: 20px;
			}
			.DypTopNav_r>.Dypservice>ul>li>ul{
				position: absolute;
			}
			.DypTopNav_r>.Dypservice>a span{width: 8px;height: 8px;display: inline-block;background: url(../images/dyp-top_nav_arrow.png);transition: 0.5s;}
			.DypTopNav_r>.Dypservice:hover>a span{transform: rotate(180deg);}
			.DypTopNav_r>.Dypservice:hover{background: #FFFFFF;}
			
			/*header最底部样式*/
			.Dyplogo{
				height: 120px;
				background: #F7F9FA;
			}
			.Dyplogo>div{
				height: 100%;
			}
			/*logo*/
			.Dyplogo_img a div{
				height:60px;
				float: left;
				width: 238px;
				margin-top:30px ;
				background: url(../images/comment-DYPSpritechart.png) 0 -248px;
			}
			.Dyplogo_in>div:first-child{
				float: left;
			}
			/*input样式*/
			.Dyplogo_in{height: 100%;}
			.Dyplogo_in .Dyp_input{float: left;}
			.Dyp_input{margin: auto;width: 440px;height: 65px;padding-top: 25px;margin-left: 142px;}
			.Dyp_input>div:first-child{
				width: 100%;
				height: 48px;
				border: 2px solid #FF734C;
				border-radius: 24px;
			}
			.Dyp_input>div:first-child input{
				display: block;
				font-size: 14px;
				color: #9D9D9D;
				width: 274px;
				background: #F7F9FA;
			}
			.Dyp_input>div:first-child>*{
				float: left;
				height: 100%;
			}
			.Dyp_input>div:first-child>div{
				width: 48px;
			}
			.Dyp_input>div:first-child>div>span{
				width: 16px;
				height: 16px;
				display: block;
				margin: auto;
				margin-top: 16px;
				background: url(../images/comment-DYPSpritechart.png) 0 -48px;
			}
			/*按钮样式*/
			.Dyp_input>div:first-child button{
				height: 50px;
				color: #FFFFFF;
				font-weight: 700;
				font-size: 18px;
				cursor: pointer;
				width: 118px;
				border-radius: 24px ;
				background-color: #FF734C;
				background: linear-gradient(90deg, #ff734c 0%, #ff3d12 100%);
			}
			/*input输入框下搜索*/
			.Dyp_input_bottom{
				height: 13px;
				width: 100%;
			}
			.Dyp_input_bottom>div{
				height: 100%;
				width: 100%;
			}
			.Dyp_input_bottom>div>ul{
				margin-left: 44px;
				margin-top: 8px;
			}
			.Dyp_input_bottom>div>ul>li{
				float: left;
				margin: 0 12px;
				
			}
			.Dyp_input_bottom>div>ul>li a{
				color: #b4babf;
				font-size: 12px;
			}
			.Dyp_input_bottom>div>ul>li a:hover{
			color: #FF734C;
			}
			
			/*右边框样式*/
			.Dyp_Logo_r{
				float: left;
				height: 100%;
				margin-left: 30px;
				width: 350px;
			}
			.Dyp_Logo_r>div{
				margin-top: 40px;
				font-size: 15px;
				font-weight: 100;
				color: #71797f;
				float: left;
				min-width: 36px;
				margin-left: 40px;
			}
			.Dyp_Logo_r>div>span{width:24px ;height: 24px; display: block;float: left;background: url(../images/comment-DYPSpritechart.png);margin-right: 8px;}
			.Dyp_Logo_r>div>p{ display: block;float: left;line-height: 24px;}
			.Dyp_Logo_r>div>p a{
				color: #71797f;
			}
			.Dyp_Logo_r>div:first-child{margin-left:90px ;}
			.Dyp_Logo_r>div:first-child span{background-position: 0 -102px;}
			.Dyp_Logo_r>div:last-child span{background-position: -34px -102px;}
			
			
			/*右固定综合样式*/
			.DypPositionRight{
				position:fixed;
				z-index: 3000;
				height: 100%;
				right: 0;
				width: 34px;
			}
			.DypPositionRight>.DypPositionbanner{
				background: #595656;
				position: relative;
				opacity: 0.9;
				z-index: 9998;
				height: 100%;
				width: 100%;
			}
			.Dyp_post_top{
				position: absolute;
				top: 50%;
				margin-top: -190px;
			}
			.Dyp_post_bottom{
				position: absolute;
				bottom: 0;
			}
			.Dyp_post_service{
				width: 144px;
				height: 40px;
				position: fixed;
				z-index: 9999;
				bottom: 0;
				/*background: yellow;*/
				    background-color: rgb(255, 102, 0);
		cursor: pointer;
				right: 72px;
			}
			.Dyp_post_service>div{height: 100%;float: left;}
					.Dyp_post_service>div:first-child{width: 40px;border-right: 1px solid rgba(0, 0, 0, 0.08);background: url(../images/comment-icon-mq-round@2x.png) 0px 0px / 85px no-repeat;}
					.Dyp_post_service>div:last-child{width: 100px;
					line-height: 40px;
					text-align: center;
					color: #FFFFFF;}
			/*右边固定导航栏样式*/
			.Dyp_post_top>h5{
				display: block;
			}
			.Dyp_post_top>h5>span:hover{
				background-color:  #ff734c;
			}
			.Dyp_post_top>h5>span{height: 36px;width: 36px;background: url(../images/dyp-right.png) 0 0;display: block;cursor: pointer;}
			.Dyp_post_top>h5>div{
				position: fixed;
				width: 288px;
				height: 200px;
				right: 34px;
				z-index: 3;
				background: #FFFFFF;
				margin-top: -36px;
				border-radius: 3px 0 0 3px;
				box-shadow: 0 0 2px rgba(0,0,0,.2);
			}
			.Dyp_post_span{
				width: 6px;
				height: 9px;
				display: block;
				background: url(../images/dyp-right.png) 0 -302px;
				z-index: 3;
				position: absolute;
				right: -6px;
				top: 15px;
			}
			.Dyp_post_top_h5{
				display: none;
			}
			.Dyp_post_top_h5>div:first-child{padding-top: 20px;}
			.Dyp_post_top_h5>div:first-child>p:first-child{width: 80px;height: 80px;margin: auto;margin-bottom: 10px;border-radius: 50%;}
			.Dyp_post_top_h5>div:first-child>p:first-child>img{border-radius: 50%;}
			.Dyp_post_top_h5>div:first-child>p:last-child{width: 120px;margin: auto;padding-bottom: 24px;text-align: center;}
			.Dyp_post_top_h5>div:first-child>p:last-child a{color: #FF734C;}
			/*第二个div*/
			.Dyp_post_top_h5>div:nth-child(2){height: 50px;width: 100%;background: #f8f8f8;}
			.Dyp_post_top_h5_nth2>p{display: block;height: 100%;width: 90px;margin: auto;text-align: center;}
			.Dyp_post_top_h5_nth2>p>span{display: block;float: left;width: 36px;height: 36px;background: url(../images/dyp-right.png) -36px -72px;margin-top: 7px;}
			.Dyp_post_top_h5_nth2>p>i{display: block;float: left;line-height: 50px;}
			.Dyp_post_top_h5_nth2>p>i>a{
				color: #595656;
			}
			
			
			/*购物车样式*/
						.Dyp_shop_r{
							height: 135px;
							margin-top: 10px;
							width: 100%;
						}
						.Dyp_shop_r1,.Dyp_shop_r2{
							width: 100%;
							height: 100%;
							color: white;
							background: url(../images/dyp-right.png)-36px -216px;
							cursor: pointer;
						}
						.Dyp_shop_r2{
							display: none;
						}
						.Dyp_shop_list{
							height: 100%;
							width: 284px;
							position: absolute;
							/*right: 34px;*/
							/*z-index: -1000;*/
							z-index: 1;
							right: -318px;
							opacity: 0;
						}
						.Dyp_shop_list>div{
							background: #FFFFFF;
							height: 100%;
							width: 100%;
							  box-shadow: 0 20px 20px rgba(0,0,0,.3);
						}
						/*右侧小标签设置*/
						.Dyp_buttom_things{
							height: 184px;
							width: 100%;
						}
						.Dyp_buttom_things>li{
							margin-top: 10px;
							height: 36px;
							width: 36px;
							position: relative;
						}
						.Dyp_buttom_things>li>a>div{
							width: 100%;
							height: 100%;
						}
						.Dyp_buttom_things>li:nth-child(1)>a>div{background: url(../images/dyp-right.png) 0 -72px;}
						.Dyp_buttom_things>li:nth-child(2)>a>div{background: url(../images/dyp-right.png) 0 -72px;}
						.Dyp_buttom_things>li:nth-child(3)>a>div{background: url(../images/dyp-right.png) 0 -108px;}
						.Dyp_buttom_things>li:nth-child(4)>a>div{background: url(../images/dyp-right.png) 0 -108px;}
						.Dyp_buttom_things>li:nth-child(5)>a>div{background: url(../images/dyp-right.png) 0 -144px;}
						.Dyp_buttom_things>li:nth-child(6)>a>div{background: url(../images/dyp-right.png) 0 -180px;}
						/*右侧固定左侧移入滑动动画定位*//*购物车下四个标签样式*/
						/*.Dyp_buttom_things>li:nth-child(3)>a>p{cursor: auto;}*/
						.Dyp_buttom_things>li:nth-child(3)>a{cursor: pointer;}
						/*四个小div样式*/
						.Dyp_buttom_things>li>a{
							height: 36px;
							display: block;
							width: 36px;
						}
						.Dyp_buttom_things>li>a>div:hover{
							background-color:#FF734C;
						}
						.Dyp_buttom_things>li>a>p>span:first-child{position: absolute;z-index:2;display: block;width: 6px;height: 9px;background: url(../images/dyp-right.png) 0 -302px;top: 13.5px;right: -5px;}
						.Dyp_buttom_things>li>a>p{
							    height: 36px;
							    width: 120px;
							    /*right: 250px;*/
							    right: 130px;
							    /*right: 120px;*/
							    top: -36px;
							    position: relative;
							    /*left: 100px;*/
							   visibility: hidden; opacity: 0;
							   z-index: -1;
/*							   opacity: 0;*/
						}
						.Dyp_buttom_things>li>a>p>span{
							display: block;
							line-height: 36px;
							text-align: center;
							position: absolute;
							background: #F7FBFF;
							color: #595656;
							border-radius: 3px 0 0 3px;
							    box-shadow: 0 0 10px rgba(0,0,0,.2);
							    height: 100%;
							    width: 100%;
						}
						/*收藏和查看最近样式*/
						.Dyp_myCollection{height: 100%;
							width: 284px;
							position: absolute;
							/*right: 34px;*/
							/*z-index: -1000;*/
							z-index: 1;
							right: -318px;
							opacity: 0;
							}
							.Dyp_myCollection>div{
								background: #FFFFFF;
							height: 100%;
							width: 100%;
							  box-shadow: 0 0 10px rgba(0,0,0,.2);
							}
							
							/*collection——buttom*/
							.Dyp_myCollection_buttom2{
								display: none;
							}
							.Dyp_myLatelySee>div{
								background: #FFFFFF;
							height: 100%;
							width: 100%;
							  box-shadow: 0 0 10px rgba(0,0,0,.2);
							}
						.Dyp_myLatelySee{
							height: 100%;
							width: 284px;
							position: absolute;
							/*right: 34px;*/
							/*z-index: -1000;*/
							z-index: 1;
							right: -318px;
							opacity: 0;
						}
						/*latelysee_buttom*/
						.Dyp_myLatelySee_buttom2{
							display: none;
						}
						
						.dyp_talk{
							
							display: none;
							/*background: #FFFFFF;*/
							height: 100%;
							width: 350px;
							position: fixed;
							right: 0px;
							/*z-index: -1000;*/
							z-index: 10000;
							/*right: -318px;*/
							/*opacity: 0;*/
							
						}
						.dyp_talk>span{
							display: block;
							width: 20px;
							height: 20px;
							background: red;
							position: fixed;
							z-index:1000;
							right: 1%;
							border-radius: 50%;
							cursor: pointer;
							top: 4%;
						}
						.dyp_talk>div{
							height: 100%;
							width: 100%;
						}
					</style>
						
				<style type="text/css">
					/*右侧底部样式设置*/
					.Dyp_post_bottom{
						height: 128px;
						/*background:red;*/
						width: 100%;
					}
					#Dyp_post_bottom{
						height: 100%;
						width: 100%;
					}
					#Dyp_post_bottom>ul{
						height: 100%;
						width: 100%;
					}
					#Dyp_post_bottom>ul>li:first-child{
						margin: 0;
					}
					#Dyp_post_bottom>ul>li{
						width: 36px;
						height: 36px;
						position: relative;
						margin-top: 10px;
					}
					
					#Dyp_post_bottom>ul>li:nth-child(1)>a{background: url(../images/dyp-right.png) 0 -216px;}
					#Dyp_post_bottom>ul>li:nth-child(2)>a{background: url(../images/dyp-right.png) 0 -362px;}
					#Dyp_post_bottom>ul>li:nth-child(3)>a{background: url(../images/dyp-right.png) 0 -252px;}
					#Dyp_post_bottom>ul>li>a{
						height: 36px;
						display: block;
					}
					#Dyp_post_bottom>ul>li>a:hover{
						background-color: #FF734C;
					}
					/*二维码样式*/
					.Dyp_post_bottom_QR{
						display: none;
						width: 288px;
						height: 200px;
						border-radius: 3px 0 0 3px;
    					background-color: #fff;
    					box-shadow: 0 0 2px rgba(0,0,0,.2);
    					position: absolute;
    					z-index: 3;right: 36px;
    					top: -164px;
					}
					.Dyp_post_bottom_QR>span{
						position: absolute;
						width: 6px;
						height: 9px;
						background:url(../images/dyp-right.png) 0 -302px;
						right: -6px;
						
						bottom: 13px;
					}
					/*下方二维码设置*/
					.dyp_Qr{
						height: 100%;
						width: 100%;
					}.dyp_Qr>div{
						width: 50%;
						height: 100%;
						float: left;
					}
					.dyp_Qr>div:first-child{}
					.dyp_Qr>div>img{width: 110px;height: 110px;display: block;margin: auto;
					margin-top: 30px;
					margin-bottom: 10px;}
					.dyp_Qr>div>p{
						text-align: center;
						font-weight: 800;
					}
					/*最后两个小标签样式*/
					#Dyp_post_bottom>ul>li:nth-child(2)>p , #Dyp_post_bottom>ul>li:nth-child(3)>p{
						width: 120px;
						height: 36px;
						background: #FFFFFF;
						line-height: 36px;
						text-align: center;
						top: 0;
						/*right: 36px;*/
						right: 50px;
						cursor: pointer;
						position: absolute;
						z-index: -1;
						opacity: 0;
						visibility: hidden;
				
					}
					#Dyp_post_bottom>ul>li:nth-child(2)>p>span:first-child , #Dyp_post_bottom>ul>li:nth-child(3)>p>span:first-child{
						position: absolute;
						display: block;
						background: url(../images/dyp-right.png) 0 -302px;
						top: 12px;
						right: -6px;
						height: 9px;
						width: 6px;
						/*display: block;*/
    /*background: #F7FBFF;*/
    /*color: #595656;*/
					}
					#Dyp_post_bottom>ul>li:nth-child(2)>p>span:last-child , #Dyp_post_bottom>ul>li:nth-child(3)>p>span:last-child{
						display: block;
						height: 100%;
						width: 100%;
								border-radius: 3px 0 0 3px;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
					}
					/*置顶样式*/
					.Dyp_scrollTop{
						display: none;
					}
					/*右侧定位内部共用样式*/
					.Dyp_r_pos_top{
						height: 86px;
						border-bottom: 1px solid #dcdcdc;
						margin-bottom: 10px;
					}
					.Dyp_r_pos_top>div:first-child{
						height: 36px;
						width: 250px;
						margin: auto;
						padding-top: 10px;
						padding-bottom:10px;
					}
					.Dyp_r_pos_top>div>h3{
						font-size: 15px;
						line-height: 36px;
						float: left;
					}
					.Dyp_r_pos_top>div>div{
						float: right;
						width: 36px;
						height: 36px;
						background: url(../images/dyp-right.png) 0 -324px;
						cursor: pointer;
					}
					.Dyp_r_pos_top>div:last-child{
						height: 30px;
						width: 250px;
						line-height: 30px;
						margin: auto;
					}
					.dyp_shop_r_bottom{
						width: 100%;
					}
					.dyp_shop_r_bottom>div{
						width: 100%;
					}
					/*右侧position渲染共用样式*/
					.dyp_postion_r_info>div{
						height: 100%;
						width: 100%;
					}
					.dyp_postion_r_info{
						height: 103px;
						width: 250px;
						margin: auto;
						margin-top: 20px;
					}
					.dyp_postion_r_info>div>div:first-child{
						width: 80px;
						height: 80px;
						border: 1px solid #d9d9d9;float: left;
						margin-right: 18px;
					}
					.dyp_postion_r_info>div>div:first-child>img{
						height: 80px;
						width: 80px;
						display: block;
					}
					.dyp_postion_r_info>div>div:last-child{
						width: 150px;
						height: 60px;
						float: left;
					}
					.dyp_postion_r_info>div>div:last-child>h6{height: 24px;line-height: 24px;}
					.dyp_postion_r_info>div>div:last-child>h6>a{overflow: hidden;display: block;height: 24px;}
					.dyp_postion_r_info>div>div:last-child>p{font-weight: 700;height: 28px;
					line-height: 28px;}
					.dyp_postion_r_info>div>div:last-child>p>i{color: #FF734C;font-weight: 700;}
					/*购物车右提交样式*/
					.dyp_postion_r_info>div{
						    border-bottom: 1px dashed #dad8d8;
					}
					.dyp_postion_r-outset{
						margin-bottom: 20px;
					}
					
					.dyp_shop_r_btn_div{
						width: 250px;
						height: 50px;
						margin: auto;
					}
					.dyp_shop_r_btn_div>div{
						height: 100%;
						width: 100%;
					}.dyp_shop_r_btn_div>div>ul{
						height: 100%;
						width: 100%;
					}
					/*.dyp_shop_r_btn_div{
						width: 100%;
						height: 100px;
						background: red;
					}
					*/
					/*购物车h5按钮样式*/
					.dyp_shop_r_btn_div_ul>li:first-child{width: 55px;height: 100%;float: left;}
					.dyp_shop_r_btn_div_ul>li:last-child{width: 110px;height: 100%;float: right;}
					.dyp_shop_r_btn_div_ul>li:last-child>a{
						width: 100%;
						text-align: center;
						height: 34px;
						line-height: 34px;
						display: block;
						background: #ff6a00;
						font-size: 14px;
					}
					.dyp_shop_r_btn_div_ul>li:last-child>a:hover{
						color: #FFFFFF;
					}
					.dyp_shop_r_btn_div_ul_detial{
						color: #000000;
						width: 100%;
						height: 14px;
					}
					.dyp_shop_r_btn_div_ul_price{
						height: 14px;
						width: 100%;
						color: #FF6600;
					}
					.Dyp_push_inshop{
						width: 82px;
						height: 29px;
						display: block;
						float: right;
						text-align: center;
						background: #FF6600;
						font-size: 15px;
						font-weight: 200;
						line-height: 29px;
					}
					.Dyp_push_inshop:hover{
						color: #FFFFFF;
					}
				</style>
	</head>
	<body>
		
		<header class="DypPositionRight">
			<!--右侧固定定位设置样式购物车-->
			<div class="Dyp_shop_list">
				<div>
					
					<div class="Dyp_r_pos_top">
						<div>
						<h3>购物车</h3>
						<div></div>
						</div>
						<div class="dyp_shop_r_buttom">你的购物车还是空的，赶紧行动吧!</div>
					</div>
					
					<div "dyp_shop_r_bottom">
						<div>
							<!--每个渲染的div-->
							<div style="" class="dyp_postion_r-outset">
								<!--渲染-->
								
<!--								
							<div class="dyp_postion_r_info">
								<div>
									<div>
										<img src="../images/lud-m_category_gift_sort_3DCrystal.png"/>
									</div>
									<div>
										<h6><a href="JavaScript:">爱在心头—玫瑰50枝：戴安</a></h6>
										<p><i>¥</i><i>409</i><span>× 2</span></p>
									</div>
								</div>
							</div>
							-->
							
							</div>
							
							<!--购物车h5按钮-->
						<h5 class="dyp_shop_r_btn_div">
								<div>
									<ul class="dyp_shop_r_btn_div_ul"> 
										<li>
											<p class="dyp_shop_r_btn_div_ul_detial">1
											</p>
											<p class="dyp_shop_r_btn_div_ul_price">2
											</p>
										</li>
										<li><a href="JavaScript:">去购物车结算</a></li>
									</ul>
								</div>
							</h5>
						</div>
					</div>
					<!--购物车样式position-->
				</div>
			</div>
			
			<script type="text/javascript">
//				console.log(JSON.parse(localStorage.getItem('shopArr')))
//								console.log($('.Dyp_r_pos_top .dyp_shop_r_buttom')[0].innerHTML)
//					localStorage.setItem('h',1)
//								$('a>span')[4].innerHTML='('+localStorage.getItem('h')+')'
if(localStorage.getItem('shopArr')==null){
	
	$('.Dyp_r_pos_top .dyp_shop_r_buttom')[0].innerHTML='你的购物车还是空的，赶紧行动吧!'
}else{
	var DypShopCount = 0
	var DypShopPrice =0
	JSON.parse(localStorage.getItem('shopArr')).forEach(function(ele,i){
//		console.log(ele)
		$('.dyp_postion_r-outset')[0].innerHTML+=`	
							<div class="dyp_postion_r_info">
								<div>
									<div>
										<img src="${ele.pic}"/>
									</div>
									<div>
										<h6><a href="JavaScript:">${ele.detail}</a></h6>
										<p><i>¥</i><i class='Dyp_Shop_price'>${ele.scprice}</i><span>× ${ele.count}</span></p>
									</div>
								</div>
							</div>
							`
							DypShopPrice+=(Number(ele.scprice)*Number(ele.count))
							$('.dyp_shop_r_btn_div_ul_price')[0].innerHTML='￥ '+DypShopPrice
		DypShopCount += ele.count
		return DypShopCount
	})
	$('.Dyp_r_pos_top .dyp_shop_r_buttom')[0].innerHTML='共'+DypShopCount+'件商品'
//console.log($('.Dyp_Shop_price'))
}
$('.dyp_shop_r_btn_div_ul_detial')[0].innerHTML=DypShopCount+' 件商品'
//渲染
			


								//购物车获取数值渲染
//								console.log($('.dyp_postion_r-outset'))
								//个数
//			console.log($('.dyp_shop_r_btn_div_ul_detial')[0].innerHTML)	
								//价格
//			console.log($('.dyp_shop_r_btn_div_ul_price')[0].innerHTML)
							//a标签
//			console.log($('.dyp_shop_r_btn_div_ul>li>a')[0])
//			$('.dyp_shop_r_btn_div_ul>li>a').click(function(){
//				console.log(1)
//			})
			</script>
			
			
			<!--右侧固定定位样式我的收藏-->
			<div class="Dyp_myCollection">
				<div>
						
					<div class="Dyp_r_pos_top">
						<div>
						<h3>我的收藏</h3>
						<div></div>
						</div>
						<div class="dyp_mylove_r">你还没有收藏商品！</div>
					</div>
					
					<div class="dyp_mylove_r_bottom">
<!--								
							<div class="dyp_postion_r_info">
								<div>
									<div>
										<img src="../images/lud-m_category_gift_sort_3DCrystal.png"/>
									</div>
									<div>
										<h6><a href="JavaScript:">爱在心头—玫瑰50枝：戴安</a></h6>
										<p><i>¥</i><i>409</i>
											<a href="JavaScript:" class="Dyp_push_inshop">加入购物车</a>
										</p>
									</div>
								</div>
							</div>
						-->
					</div>
				</div>
			</div>
			
			<script type="text/javascript">
				
			</script>
			
			
			<!--右侧固定样式最近浏览-->
			<div class="Dyp_myLatelySee">
				<div>
					
					<div class="Dyp_r_pos_top">
							<div>
							<h3>最近查看</h3>
							<div></div>
							</div>
							<div class="dyp_mylatelysee_r">你还没有最近查看商品！</div>
					</div>
					
					<div class="dyp_mylove_r_bottom">
						<!--渲染-->
							
						
					</div>
				</div>
			</div>
			<script type="text/javascript">
			JSON.parse(localStorage.getItem('RecentArr')).forEach(function(ele,index){
//				console.log(ele)
//				console.log($('.Dyp_myLatelySee .dyp_mylove_r_bottom')[0])	
				$('.Dyp_myLatelySee .dyp_mylove_r_bottom')[0].innerHTML+=`	
							<div class="dyp_postion_r_info">
								<div>
									<div>
										<img src="${ele.pic}" data-id='${ele.id}'/>
									</div>
									<div>
										<h6><a href="JavaScript:">${ele.detail}</a></h6>
										<p><i>¥</i><i>${ele.dgprice}</i>
										<a href="JavaScript:" class="Dyp_push_inshop">加入购物车</a>
										</p>
									</div>
								</div>
							</div>`
			})
//				console.log($('.dyp_mylatelysee_r')[0].innerHTML)
				$('.dyp_mylatelysee_r')[0].innerHTML='共 '+JSON.parse(localStorage.getItem('RecentArr')).length+" 件商品"
				
				
				//加入购物车 
//				console.log($('.Dyp_myLatelySee .Dyp_push_inshop'))
//				$('.Dyp_myLatelySee .Dyp_push_inshop').click(function(){
//				JSON.parse(localStorage.getItem('RecentArr')).forEach(function(ele,index){
//		console.log(ele)
//
//		
//		
//})
////			localStorage
//				})
$('.dyp_postion_r_info').click(function(ev){

   if (ev.target.className == 'Dyp_push_inshop') {
   	let nD = ev.target.parentNode.parentNode.previousElementSibling.children[0].getAttribute('data-id')-0
// 	let nd = ev.target.parentNode.previousElementSibling.children[0].innerHTML
   	console.log(ev.target.parentNode.previousElementSibling.children[0].innerHTML)
                    let iNowD = 0
	var shopdyp = localStorage.getItem('shopArr')
                    if (shopdyp) {
                        var oldarrDyp = JSON.parse(shopdyp)
                        shopdj(oldarrDyp)
                    } else {
                        var oldarrDyp = []
                        shopdj(oldarrDyp)
                    }
                    
                    function shopdj(arrD){
                        function findArrD(arrD, nD) {
                            for (let i = 0; i < arrD.length; i++) {
                                // 有相同去++
                                if (arrD[i].id === nD) {
                                    iNowD = i
                                    return true
                                }
                            }
                            return false
                        }
    
                        let flagD = findArrD(arrD, nD)
                        if (flagD) {
                            // count++
                            arrD[iNowD].count++
                        } else {
                            // 没有值去填一个新对象
                            arrD.unshift({
                                id: nD,
                                pic: ev.target.parentNode.parentNode.previousElementSibling.children[0].src,
                                scprice: ev.target.previousElementSibling.innerText-0,
                                dgprice: ev.target.previousElementSibling.innerText-0+20,
                                detail: ev.target.parentNode.previousElementSibling.children[0].innerHTML,
                                count: 1,
                            })
                        }
                        // 存到本地
//                      console.log(arrD)
                        localStorage.setItem('shopArr', JSON.stringify(arrD))
                    }
                }

    })
			</script>
			
			
			<script type="text/javascript">
					//溢出隐藏
					if($('.dyp_postion_r-outset')[0].offsetHeight>=500){
									$('.dyp_postion_r-outset')[0].style.height=500+'px'
									$('.dyp_postion_r-outset')[0].style.overflow='auto'
								}
//								console.log($('.dyp_postion_r-outset')[0].offsetHeight)
			</script>
			
			
			
			
			<!--聊天窗口渲染-->
			<div class="dyp_talk">
			<span></span>
				<div id="">
					
				</div>
			</div>
			<script type="text/javascript">
//				console.log( $('.dyp_talk>div').load('../head_foot/jqueryChat/index.html'))
					if((window.location.href).indexOf('index.html')+1){
						$('.dyp_talk>div').load('head_foot/jqueryChat/index.html')
					}else if((window.location.href).indexOf('dyp-index-temp.html')+1){
						$('.dyp_talk>div').load('jqueryChat/index.html')
					}else{
						$('.dyp_talk>div').load('../head_foot/jqueryChat/index.html')
					}
			</script>
			<!--<img src=""/>-->
			<div class="DypPositionbanner">
				
				<div class="Dyp_post_top">
					<!--登录标签h5-->
					<h5>
						<span></span>
						<div class="Dyp_post_top_h5">
<!--							
							<div>
								<p>
									<img src="../images/dyp-avatar_none.jpg" alt="" />
								</p>
								<p>
									你好!请 <a href="JavaScript:">登录</a> | <a href="JavaScript:">注册</a>
								</p>
							</div>
							<div class="Dyp_post_top_h5_nth2">
								<p>
									<span></span>
									<i><a href="JavaScript:">我的订单</a></i>
								</p>
							</div>
							<span class="Dyp_post_span"></span>-->
							
						</div>
						<script type="text/javascript">
							//判断登录，存储
//							localStorage.setItem('username','hhh')	
//							console.log(Boolean(localStorage.getItem('username')))
							if(localStorage.getItem('username')==null){
								$('.Dyp_post_top_h5')[0].innerHTML=`
							<div>
								<p>
									<img src="../images/dyp-avatar_none.jpg" alt="" />
								</p>
								<p>
									 你好!请 <a href="JavaScript:">登录</a> | <a href="JavaScript:">注册</a>
								</p>
							</div>
							<div class="Dyp_post_top_h5_nth2">
								<p>
									<span></span>
									<i><a href="JavaScript:">我的订单</a></i>
								</p>
							</div>
							<span class="Dyp_post_span"></span>`
							}else if(Boolean(localStorage.getItem('username'))){
								$('.Dyp_post_top_h5')[0].innerHTML=`
							<div>
								<p>
									<img src="../images/dyp-avatar_none.jpg" alt="" />
								</p>
								<p>
								<a href="JavaScript:">${localStorage.getItem('username')}</a>,你好!
									
								</p>
							</div>
							<div class="Dyp_post_top_h5_nth2">
								<p>
									<span></span>
									<i><a href="JavaScript:">我的订单</a></i>
								</p>
							</div>
							<span class="Dyp_post_span"></span>`
							}
							$('.Dyp_post_top>h5').mouseenter(function(){
								$('.Dyp_post_top_h5').css('display','block')
								$('.Dyp_post_top>h5').mouseleave(function(){
								$('.Dyp_post_top_h5').css('display','')
							})
							})
						</script>
					</h5>
				<!--购物车标签-->
					<h6 class="Dyp_shop_r">
						
						
						<div class="Dyp_shop_r1"> 
							<div class="Dyp_shop_r_in">
						<div></div>
						<div>购物车</div>
						<div>0</div>
							</div>
						
						</div>
						<!--点击切换-->
						<div class="Dyp_shop_r2">
							<div class="Dyp_shop_r_in">
						<div></div>
						<div>购物车</div>
						<div>0</div>
							</div>
						</div>
					</h6>
						
						<script type="text/javascript">
								//购物车获取数值
								if(localStorage.getItem('shopArr')==null){
									$('.Dyp_shop_r_in>div:last-child')[0].innerHTML=Number(localStorage.getItem('shopArr'))
									$('.Dyp_shop_r_in>div:last-child')[1].innerHTML=Number(localStorage.getItem('shopArr'))
								}else{
									$('.Dyp_shop_r_in>div:last-child')[0].innerHTML=DypShopCount
									$('.Dyp_shop_r_in>div:last-child')[1].innerHTML=DypShopCount
								}
							</script>
						
					
					<ul class="Dyp_buttom_things">
						<li class="Dyp_myCollection_buttom1"><a href="JavaScript:">
							<div></div>
							<p>
								<span></span>
								<span>
										我的收藏
								</span>
							</p>
						</a></li>
						
						<li class="Dyp_myCollection_buttom2"><a href="JavaScript:">
							<div></div>
							<p>
								<span></span>
								<span>
										我的收藏
								</span>
							</p>
						</a></li>
						
						<li class="Dyp_myLatelySee_buttom1"><a href="JavaScript:">
							<div></div>
							<p>
								<span></span>
								<span>
								
								最近查看
							</span>
							</p>
						</a></li>
						
						<li  class="Dyp_myLatelySee_buttom2"><a href="JavaScript:">
							<div></div>
							<p>
								<span></span>
								<span>
								
								最近查看
							</span>
							</p>
						</a></li>
						
						<li><a>
							<div></div>
							<p>
								<span></span>
								<span>
									
									400-889-8188
								</span>
							</p>
						</a></li>
						<li><a href="JavaScript:">
							<div></div>
								<p>
									<span></span>
									<span>
										在线客服
									</span>
							</p>
						</a></li>
					</ul>
				</div>
				<script type="text/javascript">
					//点击购物车样式
					$('.Dyp_shop_r1').click(function(){
						$('.Dyp_shop_r1').css('display','none')
						$('.Dyp_shop_r2').css('display','block')
						
						$('.Dyp_shop_list').css('transition','1s')
						$('.Dyp_shop_list').css('right','34px')
						$('.Dyp_shop_list').css('opacity','1')
//						$('.Dyp_shop_list').css('opacity','0')
						//重置latelysee
						$('.Dyp_myLatelySee_buttom1').css('display','block')
						$('.Dyp_myLatelySee_buttom2').css('display','none')
						$('.Dyp_myLatelySee').css('right','-318px')
						$('.Dyp_myLatelySee').css('opacity','0')
						//重置mycollection
						$('.Dyp_myCollection_buttom1').css('display','block')
						$('.Dyp_myCollection_buttom2').css('display','none')
						$('.Dyp_myCollection').css('transition','1s')
						$('.Dyp_myCollection').css('right','-318px')
						$('.Dyp_myCollection').css('opacity','0')
						 return false
					})
					$('.Dyp_shop_list').click(function(){
						$('.Dyp_shop_list').css('right','34px')
						$('.Dyp_shop_list').css('opacity','1')
						return false
					})
					$('.Dyp_shop_r2').click(function(){
//						$('.Dyp_shop_list>div').css('opacity','1')
						$('.Dyp_shop_r2').css('display','none')
						$('.Dyp_shop_r1').css('display','block')
						$('.Dyp_shop_list').css('opacity','0')
						$('.Dyp_shop_list').css('right','-318px')
						//重置latelysee
						$('.Dyp_myLatelySee_buttom1').css('display','block')
						$('.Dyp_myLatelySee_buttom2').css('display','none')
						$('.Dyp_myLatelySee').css('right','-318px')
						$('.Dyp_myLatelySee').css('opacity','0')
						//重置mycollection
						$('.Dyp_myCollection_buttom1').css('display','block')
						$('.Dyp_myCollection_buttom2').css('display','none')
						$('.Dyp_myCollection').css('transition','1s')
						$('.Dyp_myCollection').css('right','-318px')
						$('.Dyp_myCollection').css('opacity','0')
						 return false
					})
					
					//点击收集样式
					$('.Dyp_myCollection_buttom1').click(function(){
						//我的收藏
						//重置shop
						$('.Dyp_shop_list').css('right','-318px')
						$('.Dyp_shop_list').css('opacity','0')
						$('.Dyp_shop_r2').css('display','none')
						$('.Dyp_shop_r1').css('display','block')
						//重置latelysee
						$('.Dyp_myLatelySee_buttom1').css('display','block')
						$('.Dyp_myLatelySee_buttom2').css('display','none')
						$('.Dyp_myLatelySee').css('right','-318px')
						$('.Dyp_myLatelySee').css('opacity','0')
						//点击切换收集样式
						$('.Dyp_myCollection_buttom2').css('display','block')
						$('.Dyp_myCollection_buttom1').css('display','none')
						//收集样式切换
						$('.Dyp_myCollection').css('transition','1s')
						$('.Dyp_myCollection').css('right','34px')
						$('.Dyp_myCollection').css('opacity','1')
						 return false
					})
					$('.Dyp_myCollection').click(function(){
					$('.Dyp_myCollection').css('right','34px')
						$('.Dyp_myCollection').css('opacity','1')
						return false
					})
					$('.Dyp_myCollection_buttom2').click(function(){
						//重置shop
						$('.Dyp_shop_list').css('right','-318px')
						$('.Dyp_shop_list').css('opacity','0')
						$('.Dyp_shop_r2').css('display','none')
						$('.Dyp_shop_r1').css('display','block')
						//重置latelysee
						$('.Dyp_myLatelySee_buttom1').css('display','block')
						$('.Dyp_myLatelySee_buttom2').css('display','none')
						$('.Dyp_myLatelySee').css('right','-318px')
						$('.Dyp_myLatelySee').css('opacity','0')
						//点击切换收集样式
						$('.Dyp_myCollection_buttom1').css('display','block')
						$('.Dyp_myCollection_buttom2').css('display','none')
						//收集样式切换
						$('.Dyp_myCollection').css('transition','1s')
						$('.Dyp_myCollection').css('right','-318px')
						$('.Dyp_myCollection').css('opacity','0')
						 return false
					})
					
					//点击上一次查看样式
					$('.Dyp_myLatelySee_buttom1').click(function(){
						//我的收藏
						//重置shop
						$('.Dyp_shop_list').css('right','-318px')
						$('.Dyp_shop_list').css('opacity','0')
						$('.Dyp_shop_r2').css('display','none')
						$('.Dyp_shop_r1').css('display','block')
						//重置mycollection
						$('.Dyp_myCollection_buttom1').css('display','block')
						$('.Dyp_myCollection_buttom2').css('display','none')
						$('.Dyp_myCollection').css('right','-318px')
						$('.Dyp_myCollection').css('opacity','0')
						//点击切换最近查看样式
						$('.Dyp_myLatelySee_buttom2').css('display','block')
						$('.Dyp_myLatelySee_buttom1').css('display','none')
						//上次查看切换
						$('.Dyp_myLatelySee').css('transition','1s')
						$('.Dyp_myLatelySee').css('right','34px')
						$('.Dyp_myLatelySee').css('opacity','1')
						 return false
					})
					$('.Dyp_myLatelySee').click(function(){
						
					$('.Dyp_myLatelySee').css('right','34px')
						$('.Dyp_myLatelySee').css('opacity','1')
						return false
					})
					
					$('.Dyp_myLatelySee_buttom2').click(function(){
						//我的收藏
						//重置shop
						$('.Dyp_shop_list').css('right','-318px')
						$('.Dyp_shop_list').css('opacity','0')
						$('.Dyp_shop_r2').css('display','none')
						$('.Dyp_shop_r1').css('display','block')
						//重置mycollection
						$('.Dyp_myCollection_buttom1').css('display','block')
						$('.Dyp_myCollection_buttom2').css('display','none')
						$('.Dyp_myCollection').css('right','-318px')
						$('.Dyp_myCollection').css('opacity','0')
						//点击切换最近查看样式
						$('.Dyp_myLatelySee_buttom1').css('display','block')
						$('.Dyp_myLatelySee_buttom2').css('display','none')
						//上次查看切换
//						$('.Dyp_myLatelySee').css('transition','1s')
						$('.Dyp_myLatelySee').css('right','-318px')
						$('.Dyp_myLatelySee').css('opacity','0')
						 return false
					})
					
					$('.Dyp_r_pos_top>div>div').click(function(){
						//重置所有样式
						//重置shop
						$('.Dyp_shop_list').css('right','-318px')
						$('.Dyp_shop_list').css('opacity','0')
						$('.Dyp_shop_r2').css('display','none')
						$('.Dyp_shop_r1').css('display','block')
						//重置mycollection
						$('.Dyp_myCollection_buttom1').css('display','block')
						$('.Dyp_myCollection_buttom2').css('display','none')
						$('.Dyp_myCollection').css('right','-318px')
						$('.Dyp_myCollection').css('opacity','0')
						//重置latelysee
						$('.Dyp_myLatelySee_buttom1').css('display','block')
						$('.Dyp_myLatelySee_buttom2').css('display','none')
						$('.Dyp_myLatelySee').css('right','-318px')
						$('.Dyp_myLatelySee').css('opacity','0')
						return false
					})
						
					$(document).click(function(){
						//重置所有样式
						//重置shop
						$('.Dyp_shop_list').css('right','-318px')
						$('.Dyp_shop_list').css('opacity','0')
						$('.Dyp_shop_r2').css('display','none')
						$('.Dyp_shop_r1').css('display','block')
						//重置mycollection
						$('.Dyp_myCollection_buttom1').css('display','block')
						$('.Dyp_myCollection_buttom2').css('display','none')
						$('.Dyp_myCollection').css('right','-318px')
						$('.Dyp_myCollection').css('opacity','0')
						//重置latelysee
						$('.Dyp_myLatelySee_buttom1').css('display','block')
						$('.Dyp_myLatelySee_buttom2').css('display','none')
						$('.Dyp_myLatelySee').css('right','-318px')
						$('.Dyp_myLatelySee').css('opacity','0')
						return false
					})
					$('.DypPositionbanner').click(function(){
						return false
					})
//					console.log()					
//					console.log($('.Dyp_buttom_things>li').eq(1))					
						
					//鼠标滑过小标签样式
//					console.log($('.Dyp_buttom_things>li>a>p'))
				$.each($('.Dyp_buttom_things>li>a>p'), function(index,ele) {
//					console.log($('.Dyp_buttom_things>li>a')[index])
//					console.log($('.Dyp_buttom_things>li>a>p')[index])
//					console.log(ele)
					$('.Dyp_buttom_things>li')[index].addEventListener('mouseenter',function(){
						//$('.Dyp_buttom_things>li>a>p')[index].style.display='block'
						$('.Dyp_buttom_things>li>a>p')[index].style.visibility='visible'
						$('.Dyp_buttom_things>li>a>p')[index].style.transition=0.5+'s'
						$('.Dyp_buttom_things>li>a>p')[index].style.right=120+"px"
						$('.Dyp_buttom_things>li>a>p')[index].style.opacity=1
						$('.Dyp_buttom_things>li>a>p')[index].style.zIndex=1
					})
						$('.Dyp_buttom_things>li')[index].addEventListener('mouseleave',function(){
//							$('.Dyp_buttom_things>li>a>p')[index].style.display='none'
						$('.Dyp_buttom_things>li>a>p')[index].style.visibility='hidden'
//						$('.Dyp_buttom_things>li>a>p')[index].style.right=250+"px"
						$('.Dyp_buttom_things>li>a>p')[index].style.right=130+"px"
						$('.Dyp_buttom_things>li>a>p')[index].style.opacity=0
						$('.Dyp_buttom_things>li>a>p')[index].style.zIndex=-1
					})
				});
						
					
					
					
					
				</script>
			
				
				<div class="Dyp_post_bottom">
					<div id="Dyp_post_bottom">
						<ul>
							<li>
								<a href="JavaScript:"></a>
								<div class="Dyp_post_bottom_QR">
									<span></span>
									<div class="dyp_Qr">
										<div>
											<img src="../images/dyp-QR2.png"/>
											<p>关注微信公众号</p>
										</div>
										<div>
											<img src="../images/dyp-QR1.png"/>
											<p>下载花礼APP</p>
										</div>
									</div>
								</div>
							</li>
							<li>
								<a href="JavaScript:"></a>
								<p>
									<span></span>
									<span>功能反馈</span>
								</p>
							</li>
							<!--置顶-->
							<li class="Dyp_scrollTop">
								<a href="javascript:"></a>
								<p>
									<span></span>
									<span>回到顶部</span>
								</p>
							</li>
						</ul>
					</div>
				</div>
				
				<script type="text/javascript">
//					console.log($('#Dyp_post_bottom>ul>li:first-child'))
					$('#Dyp_post_bottom>ul>li:first-child').mouseenter(function(e){
						$('.Dyp_post_bottom_QR').css('display','block')
						$('#Dyp_post_bottom>ul>li:first-child').mouseleave(function(e){
							$('.Dyp_post_bottom_QR').css('display','')
					})
					})
					//下部分鼠标移入改变
					$.each($('#Dyp_post_bottom>ul>li:gt(0)'), function(index,e) {
						e.addEventListener('mouseenter',function(){
							$('#Dyp_post_bottom>ul>li:gt(0)>p')[index].style.transition='0.3s'
							$('#Dyp_post_bottom>ul>li:gt(0)>p')[index].style.visibility='visible'
							$('#Dyp_post_bottom>ul>li:gt(0)>p')[index].style.right='36px'
							$('#Dyp_post_bottom>ul>li:gt(0)>p')[index].style.zIndex='1'
							$('#Dyp_post_bottom>ul>li:gt(0)>p')[index].style.opacity=1
							
						})
						e.addEventListener('mouseleave',function(){
							$('#Dyp_post_bottom>ul>li:gt(0)>p')[index].style.transition='0.3s'
							$('#Dyp_post_bottom>ul>li:gt(0)>p')[index].style.visibility=''
							$('#Dyp_post_bottom>ul>li:gt(0)>p')[index].style.right=''
							$('#Dyp_post_bottom>ul>li:gt(0)>p')[index].style.zIndex=''
							$('#Dyp_post_bottom>ul>li:gt(0)>p')[index].style.opacity=0
							
						})
					});
				</script>
				
			</div>
				<style type="text/css">
					
				</style>
				
				
				<div class="Dyp_post_service">
						<div></div>
						<div>咨询客服</div>
				</div>
			
			<script type="text/javascript">
				//客服
				$('.Dyp_post_service').click(function(){
					$('.dyp_talk').css('display','block')
				})
				$('.dyp_talk>span').click(function(){
					$('.dyp_talk').css('display','')
				})
			</script>
			
			
			
			
		</header>
		<div class="dypclearfix">
		</div>
		<section class="dypheader">
			<div class="DypimgTop"></div>
			<script type="text/javascript">
				setTimeout(function(){
					
					
					$('.dypheader>.DypimgTop').css('background','url(images/dyp-Dyppcnewuserorder100.png) no-repeat center')
					$('.dypheader>.DypimgTop').css('height','80px')
				},1000)
			</script>
			<!--nav共用样式-->
			<div class="dypheader">
					<div class="DypTopNav">
					<div class="dypBanner">
						<ul class="DypTopNav_l">
							<li><a href="JavaScript:"><span></span>收藏鲜花网(hua.com)</a></li>
							<li class="DypTopNav_reletive"><a href="JavaScript:">
								<span>
									
								</span>
								关注微信
							</a>
								<div>
									<img src="../images/dyp-QR2.png" alt="weixin"/>
									扫码关注<br />回复"礼物" 更多惊喜！
								</div>
							</li>
							<li class="DypTopNav_reletive"><a href="JavaScript:">
								<span></span>
								花礼网app
							</a>
							<div>
								<img src="../images/dyp-QR1.png" alt="花礼二维码"/>
								新人专享100元APP礼包
							</div>	
							</li>
						</ul>
						<script type="text/javascript">
							
							$.each($('.DypTopNav li'), function(index,ele) {
								ele.addEventListener('mouseenter',function(){
									ele.lastElementChild.style.display='block'
									ele.addEventListener('mouseleave',function(){
										ele.lastElementChild.style.display=''
									})
								})
							});
						</script>
						<ul class="DypTopNav_r">
							<li class="DypLogin">
								<!--登录注册-->
							</li>
							
								<script type="text/javascript">
									//登录样式js
									if(localStorage.getItem('username')===null){
										$('.DypLogin')[0].innerHTML=`<div>
									<div><a href="JavaScript:">你好，请登录</a></div>
									<div><a href="JavaScript:">注册</a></div>
								</div>`
									}else{
//										pAjax()
										//ajax渲染
										
										$('.DypLogin')[0].innerHTML=`<div>
									<div><a href="JavaScript:">你好，${localStorage.getItem('username')}</a></div>
									<div class='Dyp_Out'><a href="JavaScript:">退出</a></div>
								</div>`
									}
										$('.Dyp_Out>a').click(function(){
											localStorage.removeItem('username')
											window.location.reload()
										})
								</script>
							
							<li><a href="JavaScript:">订单查询</a></li>
							<li class="Dypservice">
								<a href="JavaScript:">客户服务 <span></span></a>
								<ul>
									<li><a href="JavaScript:">在线付款</a></li>
									<li><a href="JavaScript:">帮助中心</a></li>
									<li><a href="JavaScript:">售后服务</a></li>
									<li><a href="JavaScript:">配送范围</a></li>
									<li><a href="JavaScript:">留言反馈</a></li>
								</ul>
								
							</li>
							<script type="text/javascript">
									$('.Dypservice').mouseenter(function(){
										$('.Dypservice>ul').css('display','block')
										$('.Dypservice').mouseleave(function(){
											$('.Dypservice>ul').css('display','')
											
										})
									})
								</script>
							<style type="text/css">
								
							</style>
							
							<li class="DypShop">
								<a href="JavaScript:">购物车 <span>(0)</span></a>
								<div class="DypTop_shop">
									<div>
										
									</div>
								</div>
							</li>
							
							
							<script type="text/javascript">
//								console.log($('.DypShop span'))
//					localStorage.setItem('h',1)
								if(localStorage.getItem('shopArr')==null){
									
									$('a>span')[4].innerHTML='('+Number(localStorage.getItem('h'))+')'
								}else{
									$('a>span')[4].innerHTML='('+DypShopCount+')'
									
								}
								//购物车获取数值
							</script>
							<li>中国鲜花礼品网:中国鲜花网领先品牌</li>
						</ul>
					</div>
					</div>
			</div>
			<!--input部分-->
			<div class="Dyplogo dypclearfix">
				<div class="dypBanner" style="text-align: left;">
					<div class="Dyplogo_in">
						<div class="Dyplogo_img">
							<!--<a href="index.html"></a>-->
							<a href="dyp-index-temp.html">
								<div></div>
							</a>
						</div>
						<div class="Dyp_input">
							<div>
							<div>
								<span></span>
							</div>
							<input type="text" name="" id="" placeholder="商品搜索"/>
							<button>搜索</button>
							</div>
							
							<div class="Dyp_input_bottom">
								<div>
									<ul>
										<li><a href="JavaScript:">红玫瑰</a></li>
										<li><a href="JavaScript:">永生花</a></li>
										<li><a href="JavaScript:">生日鲜花</a></li>
										<li><a href="JavaScript:">礼品卡</a></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="Dyp_Logo_r">
							<div><span></span><p> 400-889-8188 </p></div>
							<div><span></span><p><a href="JavaScript:">在线客服</a></p></div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<div class="dypclearfix" style="display: none;">
			<!--清浮动div-->
		</div>
 		<nav class="lxd-nav" >
        <div class="lxd-nav-container">
            <div class="lxd-nav-category">
                <div class="lxd-nav-title">
                    <span class="lxd-icon"></span>
                    <a href="javascript:;">所有分类</a>
                </div>
                <!--lxd用-->
                <!--<div class="dropdown-cate">
                    sdsdsadsa
                    <h3>sdsdas</h3>
                </div>-->
            </div>
            <ul class="lxd-navi">
                <li>
                    <a href="../html/list.html">鲜花</a>
                </li>
                <li><a href="javascript:;">永生花</a></li>
                <li><a href="javascript:;">蛋糕</a></li>
                <li><a href="javascript:;">礼品</a></li>
                <li><a href="javascript:;">巧克力</a></li>
                <li><a href="javascript:;">花语大全</a></li>
                <li><a href="javascript:;">企业团购</a></li>
                <li><a href="javascript:;">设计师臻选鲜花</a></li>
                <li><a href="javascript:;" class="lxd-style">重阳节鲜花礼物</a></li>
            </ul>
        </div>
    </nav>
		
		<script type="text/javascript">
			$('.lxd-navi>li>a').click(function(){
				console.log(1)
				window.location.href='../html/list.html'
			})
		</script>
		<script type="text/javascript">
			//重置路径
//		console.log((window.location.href).indexOf('index.html')+1)
		if((window.location.href).indexOf('index.html')+1){
			//重置头部
			$('.DypimgTop').css('display','block')
			$('.lxd-navi>ul>li>a').click(function(){
				window.location.href='html/list.html'
			})
//			重置背景图路径
		$('.DypTopNav_l>li>a>span').css('background-image','url(images/comment-DYPSpritechart.png)')
		$('.Dypservice>a>span').css('background-image','url(images/dyp-top_nav_arrow.png)')
		$('.Dyplogo_img>a>div').css('background-image','url(images/comment-DYPSpritechart.png)')
		$('.Dyp_input>div>div>span').css('background-image','url(images/comment-DYPSpritechart.png)')
		$('.Dyp_Logo_r>div>span').css('background-image','url(images/comment-DYPSpritechart.png)')
		$('.Dyp_post_top>h5>span').css('background-image','url(images/dyp-right.png)')
		$('.Dyp_shop_r>.Dyp_shop_r1').css('background-image','url(images/dyp-right.png)')
		$('.Dyp_shop_r_in>div:first-child').css('background-image','url(images/dyp-right.png)')
		$('.Dyp_buttom_things>li>a>div').css('background-image','url(images/dyp-right.png)')
		$('.Dyp_buttom_things>li>a>p>span:first-child').css('background-image','url(images/dyp-right.png)')
		$('#Dyp_post_bottom>ul>li>a').css('background-image','url(images/dyp-right.png)')
		$('#Dyp_post_bottom>ul>li>p>span:first-child').css('background-image','url(images/dyp-right.png)')
		$('.Dyp_post_bottom_QR>span').css('background-image','url(images/dyp-right.png)')
		$('.Dyp_post_span').css('background-image','url(images/dyp-right.png)')
		$('.Dyp_post_top_h5_nth2>p>span').css('background-image','url(images/dyp-right.png)')
		$('.lxd-nav .lxd-nav-container .lxd-nav-category .lxd-nav-title .lxd-icon').css('background-image','url(images/comment-DYPSpritechart.png)')
		$('.Dyp_r_pos_top>div>div').css('background-image','url(images/dyp-right.png)')
		//重置图片路径
		$.each($('.dypheader img'),function(i,ele){
//			console.log(ele.src.indexOf('images'))
			ele.src=ele.src.substring(ele.src.indexOf('images'),)
//			console.log(ele.src)
		})
		$.each($('.DypPositionRight img'),function(i,ele){
//			console.log(ele.src.indexOf('images'))
			ele.src=ele.src.substring(ele.src.indexOf('images'),)
//			console.log(ele.src)
		})
		//重置聊天窗图片路径
		$('.emoji-picker-image').css('background-image','url(images/Dypbqxtb01.png)')
		$('.Dyp_post_service>div:first-child').css('background-image','url(images/comment-icon-mq-round@2x.png) ')
		}else if(((window.location.href).indexOf('list.html')+1)||((window.location.href).indexOf('login.html')+1)){
			$('.lxd-nav').css('display','none')
			$('.Dyp_input>div:first-child button').css('border-radius','0')
			$('.Dyp_input>div:first-child').css('border-radius','0')
			$('.Dyp_input_bottom>div>ul>li>a').css('border-right','1px solid #b4babf')
			$('.Dyp_input_bottom>div>ul>li>a').css('padding-right',10)
			$('.Dyp_input_bottom>div>ul>li:last-child>a').css('border','')
			$('.Dyp_input').css('width','320px')
			$('.Dyp_input').css('height','34px')
			$('.Dyp_input>div:first-child').css('height','100%')
			$('.Dyp_input>div:first-child>div').css('display','none')
			$('.Dyp_input>div:first-child input').css('width',238)
			$('.Dyp_input>div:first-child input').css('height',"100%")
			$('.Dyp_input>div:first-child button').css('width',82)
			$('.Dyp_input>div:first-child button').css('margin-top',-0.3)
			$('.Dyp_input>div:first-child button').css('margin-left',0.01)
			$('.Dyp_input>div:first-child button').css('line-height',0)
			$('.Dyp_input>div:first-child button').css('height','100%')
			$('.Dyp_input_bottom>div>ul>li').css('margin-left','0')
			$('.Dyp_input_bottom>div>ul').css('margin','0')
			$('.Dyp_input').css('margin-left','350px')
			$('.Dyp_Logo_r').css('width','250px')
			$('.Dyp_Logo_r>div').css('margin-left','0')
			$('.Dyp_Logo_r>div:last-child').css('margin-left','32px')
		}
//		console.log($('.dyp_talk img'))
		
	</script>
		
		
			<div class="dypclearfix dypScroll" >
			</div>
		<script type="text/javascript">
			$(function(){
					 $(document).ready(function(){
					 $(document).scroll(function(){
					 	let res = $(document).scrollTop()
					 if( Math.ceil(res)>=Math.ceil($('.dypScroll').offset().top)){
					 	$('.Dyp_scrollTop').css('display','block')
					 }else{
					 	$('.Dyp_scrollTop').css('display','')
					 }
					 });
					 });
					 let DypMovetop = 3
					 $('.Dyp_scrollTop').click(function(){
						let Dyptop = setInterval(function(){
						DypMovetop +=5
				document.documentElement.scrollTop -= DypMovetop
			if(document.documentElement.scrollTop===0) {
				clearInterval(Dyptop)
				DypMovetop = 3
				}},20)
//					 	$(document).scrollTop()
					 })
					 
			})
				</script>
<!--请开始你的表演^_^-->




	</body>
	
</html>